﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="~/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="~/css/index.css">
    <link rel="stylesheet" href="~/css/pagination.css">
    <!--<link href="img/logo.ico" type="image/x-icon" rel="shortcut icon">-->
    <link rel="stylesheet" href="~/css/animate.css">
    @RenderSection("Css", required: false)
</head>
<body style="height: 100%; width: 100%;">
    <!--title-->
    <div class="title container" id="title">
        <h2>桐庐青年返乡创业大赛暨大学生创业大赛</h2>
    </div>

    <!--导航-->
    <div class="tabBar" id="tabBar">
        <ul>
            <li><a href="@Url.Action("Index","Home")">大赛公告</a></li>
            <li><a href="@Url.Action("Index","Business")">桐庐创业</a></li>
            <li><a href="@Url.Action("Index","News")">媒体报道</a></li>
            <li><a href="@Url.Action("Index","History")">往届回顾</a></li>
            <li><a href="@Url.Action("Index","Product")">项目展示</a></li>
            <li><a href="@Url.Action("Create","Product")">报名通道</a></li>
        </ul>
    </div>

    <!--banner-->
    <div class="banner container" id="banner">
        <div id="myCarousel" class="carousel slide">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
            </ol>
            <!-- 轮播（Carousel）项目 -->
            @foreach (var banner in ViewBag.BannerList)
            {
                <div class="carousel-inner">
                    <div class="item active">
                        <img onclick="javascript:window.location.href='@banner.Link' ;" src="@banner.Url" alt="First slide">
                    </div>
                </div>
            }

            <!-- 轮播（Carousel）导航 -->
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>

        </div>
    </div>

    @RenderBody()

    <!--footer-->
    <div id="footer" class="footer">
        <div>中共桐庐县委人才工作领导小组办公室 </div>
        <div>桐庐县人力资源和社会保障局</div>
    </div>

    <script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"></script>
    <script src="~/js/jquery.pagination.js"></script>
    <script src="~/js/bootstrap.min.js"></script>
    <script src="~/js/index.js"></script>
    <script src="http://ossweb-img.qq.com/images/js/zepto/zepto-1.1.6.min.js"></script>
    <script>
        $('#page1').pagination({
            // jump:true,
            totalData: @ViewBag.TotalData,  //总条数
            showData: 5,     //一页显示几条
            current:@ViewBag.CurrentPage,  //当前页
            coping: true,
            homePage: '首页',
            endPage: '末页',
            prevContent: '上页',
            nextContent: '下页',
            callback: function (api) {
                var currentPage = api.getCurrent();
                var href = window.location.href.indexOf("?") != -1 ? window.location.href.split("?")[0] : window.location.href;
                window.location.href = href + "?page=" + currentPage;
            }
        });

    </script>
    @RenderSection("Scripts", required: false)
</body>
</html>
